<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>导航栏</title>
    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"></link>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div  class="container">
    <!---- -------------------网页头部开始--------------------------->
    <div class="row">
        <div class="col-md-3">
            <img class="img-rounded"  src="img/guizhouimg.png">
        </div>

        <div class="col-md-3 col-md-offset-1">
            <input class="form-control" type="text" placeholder="搜索" readonly>

        </div>
        <div class="col-md-2 col-md-offset-3" >
            <a class="btn btn-default" href="login.html" role="button">登录</a>
            <a class="btn btn-default" href="register.html" role="button">注册</a>
        </div>

    </div>
    <!-------------------------网页头部结束------------------------->
    <div >
        <nav class="nav nav-tabs nav-justified">
            <li role="presentation" class="active"><a href="index.html">贵州</a></li>
            <li role="presentation"><a href="wenhua.html">文化</a></li>
            <li role="presentation"><a href="dianshang.html">电商</a></li>
            <li role="presentation"><a href="fupin.html">大扶贫</a></li>
            <li role="presentation"><a href="#">评论</a></li>
            <li role="presentation"><a href="#">娱乐</a></li>
            <li role="presentation"><a href="#">贵商</a></li>
            <li role="presentation"><a href="#">大生态</a></li>
        </nav>
    </div>
    <!-------------------------导航栏结束------------------------->
</div>
</body>
</html>